
<input type="text" name="text" class="input" placeholder="Type here...">
<style>
/* From Uiverse.io by Alaner-xs - Tags: input */
.input {
 border: 3px solid rgb(127, 170, 170);
 border-radius: 20px;
 background-image: linear-gradient(120deg,#3c3c3c,#585858);
 color: rgb(127, 170, 170);
 cursor: pointer;
 padding: 7px 12px;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 17px;
 transition: all 1s;
 max-width: 170px;
}

.input:focus {
 outline-color: rgb(127, 170, 170);
}
</style>
